// 1. 导入所有的svg图标
// 2. 完成 Svg-Icon 的全局注册
import SvgIcon from '@/components/SvgIcon'

// 通过webpack的 require.context API 来导入所有的图标
const svgRequire = require.context('./svg', false, /\.svg$/)
// 此时放回了一个svgRequire 函数，可以接收一个 request 的参数。用于 require 导入
// 该函数提供了三个属性: 可以通过 svgRequest.keys() 获得所有的 svg 图标
// 遍历图标，把图标作为 request 参数传入到 svgRequire 导入函数中，完成本地svg图标的导入

// console.log(svgRequire.keys())
// 导入所有的svg图标
svgRequire.keys().forEach(svgIcon => svgRequire(svgIcon))

// 抛出一个箭头函数，接收的参数是 main.js 中传入的 app
export default app => {
  app.component('svg-icon', SvgIcon)
}
